﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="lib/html5shiv.js"></script>
	<script type="text/javascript" src="lib/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="h-ui/css/H-ui.min.css" th:href="@{/h-ui/css/H-ui.min.css}"/>
	<link rel="stylesheet" type="text/css" href="h-ui.admin/css/H-ui.admin.css"  th:href="@{/h-ui.admin/css/H-ui.admin.css}"/>
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"  th:href="@{/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
	<link rel="stylesheet" type="text/css" href="h-ui.admin/skin/default/skin.css" th:href="@{/h-ui.admin/skin/default/skin.css}" id="skin" />
	<link rel="stylesheet" type="text/css" href="h-ui.admin/css/style.css"  th:href="@{/h-ui.admin/css/style.css}"/>
	<!--[if IE 6]>
	<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" th:src="@{/lib/DD_belatedPNG_0.0.8a-min.js}"></script>
	<script>DD_belatedPNG.fix('*');</script>
	<![endif]-->
<title>管理员列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<!--<div class="text-c"> 日期范围：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}' })" id="datemin" class="input-text Wdate" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d' })" id="datemax" class="input-text Wdate" style="width:120px;">
		<input type="text" class="input-text" style="width:250px" placeholder="输入管理员名称" id="" name="">
		<button type="submit" class="btn btn-success" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
	</div>-->
	<div class="cl pd-5 bg-1 bk-gray mt-20"> 
	<span class="l">
	<!--<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> -->
	<a href="javascript:;" onclick="admin_add('添加','addAdmin','800','500')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a></span>
		<!--<span class="r">共有数据：<strong>54</strong> 条</span> -->
	</div>


	<table id="manageTable" class="table table-border table-bordered table-bg">
		<thead>
		<tr>
			<th scope="col" colspan="9">员工列表</th>
		</tr>
		<tr class="text-c">
			<!--<th width="25"><input type="checkbox" name="" value=""></th>-->
			<th width="40">ID</th>
			<th width="150">登录名</th>
			<th width="90">手机</th>
			<th width="150">邮箱</th>
			<th width="200">职位</th>
			<!--<th>角色</th>
			<th width="130">加入时间</th>
			<th width="100">是否已启用</th>-->
			<th width="50">操作</th>
		</tr>
		</thead>
		<tbody>
		</tbody>
	</table>

	<!--<table class="table table-border table-bordered table-bg">
		<thead>
			<tr>
				<th scope="col" colspan="9">员工列表</th>
			</tr>
			<tr class="text-c">
			
				&lt;!&ndash;<th width="25"><input type="checkbox" name="" value=""></th>&ndash;&gt;
				<th width="40">ID</th>
				<th width="150">登录名</th>
				<th width="90">手机</th>
				<th width="150">邮箱</th>
				<th>角色</th>
				<th width="130">加入时间</th>
				<th width="100">是否已启用</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody>
			<tr class="text-c">
				&lt;!&ndash;<td><input type="checkbox" value="1" name=""></td>&ndash;&gt;
				<td>1</td>
				<td>admin</td>
				<td>13000000000</td>
				<td>admin@mail.com</td>
				<td>超级管理员</td>
				<td>2014-6-11 11:11:42</td>
				<td class="td-status"><span class="label label-success radius">已启用</span></td>
				<td class="td-manage"><a style="text-decoration:none" onClick="admin_stop(this,'10001')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a> <a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin-add.html','1','800','500')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
			</tr>
			<tr class="text-c">
				&lt;!&ndash;<td><input type="checkbox" value="2" name=""></td>&ndash;&gt;
				<td>2</td>
				<td>zhangsan</td>
				<td>13000000000</td>
				<td>admin@mail.com</td>
				<td>栏目编辑</td>
				<td>2014-6-11 11:11:42</td>
				<td class="td-status"><span class="label radius">已停用</span></td>
				<td class="td-manage"><a style="text-decoration:none" onClick="admin_start(this,'10001')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe615;</i></a> <a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin-add.html','2','800','500')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
			</tr>
		</tbody>
	</table> -->
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js" th:src="@{/lib/jquery/1.9.1/jquery.min.js}"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js" th:src="@{/lib/layer/2.4/layer.js}"></script>
<script type="text/javascript" src="h-ui/js/H-ui.min.js" th:src="@{/h-ui/js/H-ui.min.js}"></script>
<script type="text/javascript" src="h-ui.admin/js/H-ui.admin.js" th:src="@{/h-ui.admin/js/H-ui.admin.js}"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js" th:src="@{/lib/My97DatePicker/4.8/WdatePicker.js}"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js" th:src="@{/lib/datatables/1.10.0/jquery.dataTables.min.js}"></script>
<script type="text/javascript" src="common/js/fn-dataTable.js" th:src="@{/common/js/fn-dataTable.js}"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js" th:src="@{/lib/laypage/1.2/laypage.js}"></script>
<script type="text/javascript">

    var searchParams = {};
    /**
     * 初始化
     */
    var Manage = {
        id: '#manageTable',	//表格id
        ajaxType: 'POST',		//查询类型
        url: '/user/getUsers',
        dataList:[],
        table:null
    };

    $(function(){
        Manage.table = $(Manage.id).tbList({
            //加载列数据
            ajaxType:Manage.ajaxType,	//请求方式
            url:Manage.url,	//请求地址
            searchParams:Manage.formParams(),//搜索条件
            columnDefs: Manage.columnDefs(),//行操作按钮
            columns: Manage.initColumn()	//行数据
        });

    });

    /**
     * 初始化表格的列
     */
    Manage.initColumn = function () {
        return [	//行数据

            { "data": "userId" ,"orderable":false ,"width":"80px", "className": "text-c" },
            { "data": "userName" ,"orderable":false,"width":"100px"},
            { "data": "mobile","orderable":false ,"width":"90px" },
            { "data": "email","orderable":false ,"width":"90px" },
            { "data": "position","orderable":false ,"width":"200px" }
            /*,

            { "data": "roleNames","orderable":false ,"width":"90px" },
            { "data": "createDate","orderable":false ,"width":"90px" },
            */
        ];
    };


    /*
    * 按钮控制
    * */
    Manage.columnDefs = function () {
        Manage.dataList=[];
        return [

            {
                "targets": 5, //列的样式名
                "orderable": false, //包含上样式名‘nosort'的禁止排序
                "render": function (data, type, row, meta) {
                    var btn = '';
                    btn +=  '<a title="删除" href="javascript:;" onclick="admin_del(this,'+ row.userId +')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>';
/*
                    btn +=  '<a title="编辑" href="javascript:;" onclick="admin_manage_edit(\'编辑\',\'admin-manage-add.html\','+ row.userId +')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>';
                    btn += ' <a title="查看" href="javascript:;"  onclick="Manage.view(' + row.manageid + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">查看</i></a>';
*/
                    return btn;
                }

            }];
    };

    /**
     * 查询表单提交参数对象
     * @returns {{}}
     */
    Manage.formParams = function() {
        //if(searchPre()){
        var queryData = {	//搜索条件
            "startdate":'',
            "enddate":''
        }
        //};
        return queryData;
    }


/*管理员-增加*/
function admin_add(title,url,w,h){
	layer_show(title,url,w,h);
}

/*管理员-删除*/
function admin_del(obj,id){
		var myMsg = confirm('确认要删除吗？');
		if(!myMsg){
			return false;
		}
        var body = {'userId':id};
        var data={"head": window.parent.parent.indexParam.getHead(),"data":body};
		$.ajax({
			type: 'POST',
			url:window.parent.parent.indexParam.getUrl('/user/deleteUser'),
            data:JSON.stringify(data),
            contentType:"application/json",  //缺失会出现URL编码，无法转成json对象
			success: function(result){
				//layer.msg('已删除!',{icon:1,time:1000});
                if(result.head.respStatus=="00"){
                    $(obj).parents("tr").remove();
                    alert(result.head.respDesc);
                }else{
                    alert(result.head.respDesc);
                }


			},
			error:function(data) {
				console.log(data.msg);
			},
		});
}

/*管理员-编辑*/
function admin_edit(title,url,id,w,h){
	layer_show(title,url+'/'+id,w,h);
}
/*管理员-停用*/
/*function admin_stop(obj,id){
	layer.confirm('确认要停用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		
		$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,id)" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
		$(obj).remove();
		layer.msg('已停用!',{icon: 5,time:1000});
	});
}*/

/*管理员-启用*/
/*function admin_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		
		
		$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,id)" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
		$(obj).remove();
		layer.msg('已启用!', {icon: 6,time:1000});
	});
}*/
</script>
</body>
</html>